/* components/popup/popup.wxss */
.black{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top:0;
	left:0;
	z-index: 10086;
	background: rgba(32, 37, 54, 0.5);
	display: flex;
	// justify-content: center;
	// align-items: center;
}
.bg-img{
	margin-top: 70rpx;
	height: 1000rpx;
	width: 100vw;
}
.popup{
	width: 670rpx;
	min-height: 1000rpx;
	// background: #FFFFFF;
	border-radius: 16rpx;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 60rpx;
}
.popup-box{
	margin-top: 70rpx;
	width: 100%;
	height: 1000rpx;
	display: flex;
    flex-direction: column;
	align-items: center;
    position: absolute;
    padding-top: 150rpx;
}
.popup-info{
	// position: relative;
	// z-index: 100;
	// height: 1000rpx;
    width: 450rpx;
    // height: 1000rpx;
	display: flex;
    flex-direction: column;
	align-items: center;
	.info-title{
		color: $black;
		font-size: $font-large;
		font-weight: bold;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.info-describe{
		margin-top: 30rpx;
		color: #646A73;
		font-size: 23rpx;
	}
	.info-describe-main{
		color: #696F77;
		font-size: 26rpx;
		font-weight: bold;
	}
	.info-end{
		width: 450rpx;
		text-align: right;
		color: #646A73;
		font-size: 24rpx;
		margin-top: 20rpx;
	}
	.info-btn-box{
        display: flex;
        justify-content: space-between;
		// flex-direction: column;
		align-items: center;
        margin-top: 80rpx;
        width: 590rpx;
	}
	.info-btn{
		width: 340rpx;
		height: 94rpx;
		background: linear-gradient(180deg, #FFFFFF 0%, #B4FFDF 100%);
		box-shadow: 0px 12rpx 24rpx 0px rgba(0,151,86,0.2700);
		border-radius: 47rpx;
		text-align: center;
		line-height: 94rpx;
		color: #00D679;
		font-size: 36rpx;
    }
    .info-btn-opacity{
        width: 204rpx;
        height: 94rpx;
        border-radius: 47rpx;
        border: 2rpx solid rgba(255,255,255,0.6100);
        color: #ffffff;
        text-align: center;
        line-height: 94rpx;
        font-size: 36rpx;
    }
	.info-btn-no{
		margin-top: 115rpx;
		font-size: 28rpx;
		color: #FFFFFF;
	}
}

.close{
	position: absolute;
	right: 20rpx;
	top: 6rpx;
	font-size: 60rpx;
	color: #E8E9EA;
}
.title{
	color: black;
	font-size: 36rpx;
	margin-top: 70rpx;
	font-weight: bold;
	margin-bottom: 40rpx;
}
.btn:not([size=mini]){
	width: 610rpx;
	height: 94rpx;
	background: #6699FE;
	border-radius: 47rpx;
}
